<template>
  <div style="text-align: center;">
    <span style="font-size: 35px; color: black;">2023年度水利工程建设项目检查</span><br>
    <span style="font-size: 14px; margin-left: 170px;" id="tipspan">今年以来，共对3市4县（区、市）的4个项目开展了5次现场检查指导，发现问题10个，提出意见建议10条，1个项目完成整改，整改问题35个</span>
  </div>
  <page-layout>
    <a-row :gutter="[10, 10]">
      <!-- 中心区域 -->
      <a-col :span="24">
        <a-card>
          <!-- 列表 -->
          <pro-table id="xmjcTable" class="xmjcTable"
            ref="tableRef"
            :fetch="fetch"
            :columns="columns"
            :toolbar="toolbar"
            :param="state.param"
          >
            <!-- 继承至 a-table 的默认插槽 -->
          </pro-table>
          <info :visible="state.visibleInfo" @close="closeInfo" :record="state.recordInfo"></info>
        </a-card>
      </a-col>
    </a-row>
  </page-layout>
</template>
<script>
import {reactive, ref} from 'vue';

export default {
  setup() {
    const tableRef = ref()

    /// 列配置
    const columns = [
      { title: "序号", width: 65,
        customRender: ({ text, record, index }) => {
          //生成序号
          return `${ index + 1 }`;
        }
      },
      { dataIndex: "xmmc", key: "xmmc", title: "项目名称", width: 300,
        /*customRender: ({ text, record, index }) => {
          return '<a href="javascript:void(0)" style="color: blue;" onclick="doView(\''+ d.id +'\', \''+ d.dataztai +'\')">'+ d.xmmc +'</a>';
        }*/
      },
      { dataIndex: "shimc", key: "shimc", title: "市", width: 75},
      { dataIndex: "xianmc", key: "xianmc", title: "县", width: 100},
      { dataIndex: "xmflei", key: "xmflei", title: "项目类型", width: 165},
      { dataIndex: "fxzywtqk", key: "fxzywtqk", title: "发现主要问题", ellipsis: true,},
      { dataIndex: "gzyjjyqk", key: "gzyjjyqk", title: "工作意见建议", ellipsis: true,},
      { dataIndex: "wcsxian", key: "wcsxian", title: "完成时限", width: 90},
      { dataIndex: "jcdwei", key: "jcdwei", title: "检查单位"},
      { dataIndex: "jcsjian", key: "jcsjian", title: "检查时间", width: 90},
      { dataIndex: "jcztai", key: "jcztai", title: "整改情况", width: 125},
      { dataIndex: "overtime", key: "overtime", title: "是否超时", width: 90},
    ]

    /// 数据来源 [模拟]
    const fetch = async (param) => {
      //var response = await page(param);
      let data = [{
        "id": "1",
        "xmmc": "合浦县水东水闸除险加固工程",
        "shimc": "北海市",
        "xianmc": "合浦县",
        "xmflei": "大中型病险水闸除险加固",
        "fxzywtqk": "水东水闸未安装安全监测设施。水东水闸安全监测内容主要为位移观测，方式为人工观测，由于设计安装观测设施位置无法实现人工观测，观测设施尚未实施，目前没有任何观测数据，制约竣工验收工作开展。",
        "gzyjjyqk": "项目法人尽快商设计单位完善安全观测设施的设计变更工作，尽快实施水东水闸人工安全监测设施，补充测量位移观测数据，进一步完善竣工验收技术鉴定报告。",
        "wcsxian": "2023-09-27",
        "jcdwei": "水利工程建设管理中心",
        "jcsjian": "2023-07-27",
        "jcztai": "未整改",
        "overtime": "",
      }, {
        "id": "2",
        "xmmc": "柳州市融水县城区河道治理工程",
        "shimc": "柳州市",
        "xianmc": "融水苗族自治县",
        "xmflei": "主要支流治理",
        "fxzywtqk": "1. 项目剩余3.2km长度护岸尚未交付施工用地。2. 防浪墙出现多处裂缝，局部钢筋保护层不够。",
        "gzyjjyqk": "1. 积极向县政府汇报，加强与征地拆迁部门沟通协调，尽快交付施工用地。2. 督促施工单位限期完成整改。",
        "wcsxian": "2023-06-30",
        "jcdwei": "水利工程建设管理中心",
        "jcsjian": "2023-04-26",
        "jcztai": "已整改",
        "overtime": "",
      }, {
        "id": "3",
        "xmmc": "合浦县洪潮江水闸除险加固工程",
        "shimc": "北海市",
        "xianmc": "合浦县",
        "xmflei": "大中型病险水闸除险加固",
        "fxzywtqk": "洪潮江水闸安全监测数据缺失。安全监测内容主要为位移、渗流和扬压力观测，现状为观测初始值缺失，建设期观测值也因2019年雷击致使自动化监测系统损坏导致数据不全或数据失真，同时不具备人工观测硬件条件，制约竣工验收工作开展。",
        "gzyjjyqk": "项目法人复核洪潮江水闸防雷设施是否满足规范规程要求，积极对接安全监测承包方维修自动化监测系统，尽可能恢复、评估修正观测数据，进一步完善竣工验收技术鉴定报告。",
        "wcsxian": "2023-09-26",
        "jcdwei": "水利工程建设管理中心",
        "jcsjian": "2023-07-26",
        "jcztai": "未整改",
        "overtime": "",
      }, {
        "id": "4",
        "xmmc": "北海市小江水库水库除险加固工程",
        "shimc": "北海市",
        "xianmc": "市直",
        "xmflei": "大中型病险水闸除险加固",
        "fxzywtqk": "1. 招标工作进展缓慢。7月19日监理标已发布招标公告，初定于定于8月9日开标评标；EPC标4月中旬已送北海市财政评审，目前暂未通过评审，预计8月初发布招标公告。2. 工程建设任务艰巨。6月份已下达1.85亿元项目年度投资计划，剩余4个月完成绩效目标中年度投资计划完成率不少于80%的目标任务艰巨；另小江水库承担下游工业、农业及居民生活供水，一定程度影响项目工作面的全面铺开。3. 征地工作难度大。本工程永久征地467.96亩、临时用地154.25亩，涉及玉林市博白县、钦州市浦北县、北海市合浦县等行政区，跨区域协调征地工作难度大；另市本级800万用于征拆工作的年初部门预算还未到位，影响征拆工作推进。",
        "gzyjjyqk": "1. 项目法人紧盯招标控制价财政评审工作，加强与评审机构协调沟通，尽快完成EPC标招标控制价财政评审；尽快完成EPC招标文件编制，先行发布招标公告，待财政评审结果出来后通过补充通知或澄清变更的方式公布招标上限控制价、工程量清单，为项目开工建设尽可能争取时间。2.根据建设征地新要求，加强与合浦县、浦北县、博白县对接沟通，加快落实建设用地范围，争取尽快获得用地批复，保障建设用地合法合规。",
        "wcsxian": "2023-09-27",
        "jcdwei": "水利工程建设管理中心",
        "jcsjian": "2023-07-27",
        "jcztai": "未整改",
        "overtime": "",
      }, {
        "id": "5",
        "xmmc": "罗城县板阳东水库",
        "shimc": "河池市",
        "xianmc": "罗城仫佬族自治县",
        "xmflei": "新建中型水库工程",
        "fxzywtqk": "1.移民安置专项验收工作进展缓慢，截至2023年3月20日，修订的移民安置规划等有关设计文件尚未获批，预计四月底完成截流阶段移民专项验收难度大；2.弃渣场位置变动，未按规定办理水土保持方案变更审批手续。未选定（明确）水土保持工程实施单位，水土保持措施未落实到位；3.现场安全防护措施不到位：（1）临边未设置安全护栏，仅用绳带和木杆拉放警戒线，缺乏安全警示标志；（2）施工作业面电缆架设不规范，电缆沿地面铺设未架空，开关箱到电焊机一次拉线大于5米；（3）焊接二次线采用架立钢筋作回路地线；（4）坝体浇筑砼坝块临边未设置安全防护措施；（5）氧气瓶存在水平放置问题。4.钢筋堆置靠近钢筋棚边缘，未采取防雨措施，易受雨淋锈蚀；5.溢流坝反弧段混凝土表面气泡多，振捣时间不够；6.铜片止水接头有脱焊、局部撕裂现象。",
        "gzyjjyqk": "1. 加强与移民征地管理部门对接，加快推进截留验收阶段移民安置验收工作；2.及时按规定办理水土保持方案变更审批手续；3.强化现场安全生产管理，落实安全防护措施；4.钢筋堆放采取防雨措施；5.流坝反弧段混凝土浇筑按施工及质量评定的规程规范进行处理；6.片止水接头补焊。",
        "wcsxian": "2023-03-31",
        "jcdwei": "水利工程建设管理中心",
        "jcsjian": "2023-03-23",
        "jcztai": "已整改",
        "overtime": "",
      }]
      return {
        total: data.length,
        data: data,
      }
    }

    /// 工具栏
    const toolbar = [
      { label: "添加检查反馈单", event: function () { state.visibleInfo = true }},
    ];

    /// 外置参数 - 当参数改变时, 重新触发 fetch 函数
    const state = reactive({
      param: {},

      visibleInfo: false,
      recordInfo: {},
    })

    const closeInfo = function(){
      state.visibleInfo = false
    }

    return {
      state,
      fetch,
      toolbar,
      tableRef,
      columns,

      closeInfo,
    };
  }
}
</script>
<style>
  .xmjcTable > .ant-table-thead > tr > th,
  .xmjcTable > .ant-table-tbody > tr > td{
    padding: 10px 5px !important;
  }
</style>
